*{
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5{
    font-weight: normal
}
body{
    background:#F4F4F4;
    
}
.header-nav{
    top:0;
    width:100%;
    height:48px;
    background:#293036;
    position: fixed;
    z-index:1000;
}
.logo{
    width:72px;
    height:48px;
    float:left;
    margin-left:30px;
}
.logo img{
    margin-top:8px;
}
.hd-nav{
    width:350px;
    height:48px;
    float:left;
    margin-left:48px;
}
.hd-nav ul li{
    float:left;
   margin-right:22px;
}
.hd-nav ul li:first-child a{
    color:#fff;
}
.hd-nav ul li img{
    margin-right:6px;
}
.hd-nav ul li a{
    line-height: 48px;
    color:#B2C0C8;
    font-size:12px;
}
.hd-nav ul li:hover{
    color:#fff;
}
.hd-right{
    margin-right:28px;
     width:400px;
     height:48px;
     float:right;
}
.hd-right .free{
    float:left;
    position: relative;
    border-radius: 16px;
    color: #72c043;
    border: 1px solid #72c043;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 0 12px;
    margin-top:8px;
}
.hd-right .free span{
   color:#fff;
    position:absolute;
    width:32px;
    height:18px;
    background: #FF556A;
    border-radius: 16px;
    top:-1px;
    right:-16px;
    font-size:12px;
    display: inline-block;
   line-height: 18px;
}
.hd-right .new{
    width:32px;
    height:16px;
    background: #FF556A;
    border-radius: 16px;
    position:absolute;
    top:-4px;
    right:-16px;
}

.hd-right .free:hover{
    background:#72c043;
    color:#fff;
}
.hd-right .wenhao{
    float:left;
    width:24px;
    height:24px;
   margin-top:8px;
   margin-left:20px;
}
.hd-right .create{
    float:left;
    width:108px;
    height:32px;
    margin-left:18px;
    position: relative;
    border-radius: 16px;
     color: #fff;
    background:#01ACF3;
    border: 1px solid #01ACF3;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 0 12px;
    margin-top:8px;
}
.hd-right .create span{
    color:#fff;
     position:absolute;
     width:32px;
     height:18px;
     background: #FF556A;
     border-radius: 16px;
     top:-1px;
     right:-16px;
     font-size:12px;
     display: inline-block;
    line-height: 18px;
 }
 .hd-right .message{
     display: inline-block;
 }
.hd-right .message img{
    margin-top:8px;
    margin-left:30px;
   
}
.hd-right .panel{
    float:right;
    width:32px;
    height:32px;
    background:#BFC3A1;
    border-radius:50%;
    border:1px solid #DDE3E6;
    text-align:center;
    line-height:32px;
    color:#fff;
    margin-top:6px;
   margin-right:8px;
   position: relative;
}
.panel .hongbao{
    position:absolute;
    top:-10px;
    right:-8px;
}
.panel .saojiao{
    position: absolute;
    bottom:-15px;;
    right:-5px;
}
/* 搜索 */
.search-hd{
    overflow: hidden;
    widows: 100%;
    height:300px;
    margin-top:48px;
    background:#293036;
    
}
.back{
    font-size: 16px;
    color: #b2c0c8;
    cursor: pointer;
    position:fixed;
    top:12px;
    left:-50px;
    width:69px;
    height:48px;

}
.search-hd h1{
    margin-top:72px;
    color:#fff;
    text-align: center;
    font-size: 32px;
}
.search-hd .search{
    width:720px;
    height:50px;
    margin:70px auto 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.search-hd input{
    width:720px;
    height:50px;
    border-radius: 5px;
    padding-left:82px;
    font-size:16px;
}
.search{
    position: relative;
}
.sousuo-icon{
    width:25px;
    height:25px;
    background:url(../images/sousuo.png) no-repeat;
    position:absolute;
  left:20px;
  top:12px;
}
.search-content h1{
   text-align: center;
   margin-top:46px;
   color:#918E98;
   font-size:20px;
}
.search-content ul{
    margin:0 auto;
    margin-top:44px;
  width:650px;
  height:116px;
 
}
.search-content ul li{
    text-align: center;
    float:left;
    height:116px;
    width:116px;
    background:#FFFFFF;
    margin-right:60px;
    cursor: pointer;
    border-radius:4px;
    -webkit-box-shadow: 0 1px 4px rgba(6, 31, 50, 0.12);

}

.search-content ul li:last-child{
    margin-right:0;
}
.search-content li p{
    margin-top:10px;
    font-size:20px;
}
.search-content li img{
    margin-top:14px;
}
.search-bottom li:hover{
    transform:scale(1.1);
    color:#01ACF3;
}
.tag{
    width:100%;
    height:1000px;
}
.container{
  width:1314px;
  margin:0 auto;
}
.tag{
    display:none;
    background:#F4F4F4;
}
.tag p{
    height: 72px;
    font-size: 24px;
    color: #7e8e98;
    line-height: 72px;
}
.tag-con{
    width:100%;
}
.tag-con li:nth-child(6n+1)
{
    margin-left:0;
}
.tag-con li{
    margin: 12px 0 0 12px;
    height:140px;
    float: left;
    width: calc((100% - 12px * 5) / 6);
    background:#01ACF3;
}
.tag-con li img{
    overflow: hidden;
}
